<template>
	<!-- 首页/人社 -->
    <view class="cont">
		
        <view class="title">
            信息采集
        </view>
		
        <view class="box">
            <view @click="goDetail" class="item">
                <view class="icon">
                <image src="https://recruit-oss.oss-cn-beijing.aliyuncs.com/recruit/img/v1/dj.png" mode="widthFix" width="100px" height="100px"></image>
                </view>
                <view>
                    就业信息登记
                </view>
            </view>
        </view>
		
		<view class="title">
		    交通补贴
		</view>
		<view class="box">
		   <view v-for="item in peixun" @click="goDetail7"   class="item">
		       <view class="icon">
		      <image style="width: 26px; height: 26px;" :src="`https://recruit-oss.oss-cn-beijing.aliyuncs.com/recruit/img/v1/${item.icon}.png`" mode="widthFix"></image>
		       </view>
		       <view>
				  一次性交通补贴
		           <!-- {{item.name}} -->
		       </view>
		   </view>
		</view>
		
		<view class="title">
		    就业培训
		</view>
		
		<view class="box">
		    <view  @click="goDetail1" class="item">
		        <view class="icon">
		        <image src="https://recruit-oss.oss-cn-beijing.aliyuncs.com/recruit/img/v1/pxsq.png" mode="widthFix" ></image>
		        </view>
		        <view>
		            就业培训申请
		        </view>
		    </view>
		</view>
		
		
		<view class="title">
		    创业补贴
		</view>
		<view class="box">
		    <!-- <view v-for="item in chuangye" @click="goDetail2" class="item">
		        <view class="icon">
		        <image :src="`../../static/image/icon/${item.icon}.png`" mode="widthFix"></image>
		        </view>
		        <view>
		            {{item.name}}
		        </view>
		    </view> -->
			
			<view  @click="goDetail8" class="item">
			    <view class="icon">
			    <image src="https://recruit-oss.oss-cn-beijing.aliyuncs.com/recruit/img/v1/cy.png" mode="widthFix" ></image>
			    </view>
			    <view>
			        自主创业补贴申报
			    </view>
			</view>
			<view  @click="goDetail9" class="item">
			    <view class="icon">
			    <image src="https://recruit-oss.oss-cn-beijing.aliyuncs.com/recruit/image/a1/zl.png" mode="widthFix" ></image>
			    </view>
			    <view>
			        创业场所租赁补贴申报
			    </view>
			</view>
			<view  @click="goDetail2" class="item">
			    <view class="icon">
			    <image src="https://recruit-oss.oss-cn-beijing.aliyuncs.com/recruit/image/a1/jycy.png" mode="widthFix" ></image>
			    </view>
			    <view>
			        一次性求职创业补贴
			    </view>
			</view>
			
			<!-- 个人创业担保贷款 取消 -->
			<!-- <view  @click="goDetail3" class="item">
			    <view class="icon">
			    <image src="https://recruit-oss.oss-cn-beijing.aliyuncs.com/recruit/img/v1/zl.png" mode="widthFix" ></image>
			    </view>
			    <view>
					个人创业担保贷款
			        
			    </view>
			</view> -->
		</view>
		
		<view class="title">
		    就业补贴
		</view>
		<view class="box">
		   <!-- <view v-for="item in jiuye" @click="goDetail5" class="item">
		       <view class="icon">
		      <image  :src="`../../static/image/icon/${item.icon}.png`" mode="widthFix"></image>
		       </view>
		       <view>
		           {{item.name}}
		       </view>
		   </view> -->
		   <view  @click="goDetail4" class="item">
		       <view class="icon">
		       <image src="https://recruit-oss.oss-cn-beijing.aliyuncs.com/recruit/img/v1/bx.png" mode="widthFix" ></image>
		       </view>
		       <view>
		           就业困难人员灵活就业社保补贴
		       </view>
		   </view>
		   <view  @click="goDetail5" class="item">
		       <view class="icon">
		       <image src="https://recruit-oss.oss-cn-beijing.aliyuncs.com/recruit/img/v1/cy.png" mode="widthFix" ></image>
		       </view>
		       <view>
		          企业吸纳就业困难人员就业社会保险补贴
		       </view>
		   </view>
		   <view  @click="goDetail6" class="item">
		       <view class="icon">
		       <image src="https://recruit-oss.oss-cn-beijing.aliyuncs.com/recruit/img/v1/bxx.png" mode="widthFix" ></image>
		       </view>
		       <view>
		           小微企业吸纳高校毕业生社会保险补贴
		       </view>
		   </view>
		</view>
		
		
		
    </view>
</template>
<script>
export default{
	data(){
		return{
			chuangye:[
				{
				icon:'cy',
				name:"自主创业补贴"
			},
			{
				icon:'zl',
				name:"经营场所租赁补贴"
			}],
			
			jiuye:[{
				icon:'bx',
				name:"复退军人灵活就业社会保险补贴"
			},{
				icon:'cy',
				name:"一次性求职创业补贴"
			},{
				icon:'bxx',
				name:"劳务一次性业社会保险补贴"
			}],
			peixun:[{
				icon:'jz',
				name:"贫困劳动力驾照直补"
			}]
		}
	},
    methods: {
        goDetail(){
            // uni.navigateTo({
            //     url: "/pages/humanSociety/humanSociety",
            // });
			var userInfo = wx.getStorageSync('userInfomation');
			console.log(userInfo,"get信息")
			if(userInfo.token){
				console.log("登录成功过---")
				uni.navigateTo({
				    url: "/pages/humanSociety/dataStatistics",
				});
			}else{
				uni.navigateTo({
				    url: "/pages/humanSociety/InformationSystemLogin",
				});
			}

  
			// uni.navigateTo({
			//     url: "/pages/humanSociety/InformationSystemLogin",
			// });
        },
		goDetail1(){
			console.log("就业培训");
			uni.navigateTo({
			    url: "/pages/humanSociety/employmentTrain ",
			});
		},
		goDetail2(){
			
				uni.navigateTo({
				    url: "/pages/humanSociety/SelfEmployed",
				});
				
			
		},
		goDetail3(){
				
				uni.navigateTo({
				    url: "/pages/humanSociety/lease",
				});
			
		},
		goDetail4(){
			uni.navigateTo({
			    url: "/pages/humanSociety/RetiredSoldiers",
			});
		},
		goDetail5(){
			uni.navigateTo({
			    url: "/pages/humanSociety/subsidies",
			});
		},
		goDetail6(){
			uni.navigateTo({
			    url: "/pages/humanSociety/InsuranceSubsidies",
			});
		},
		goDetail7(){
			uni.navigateTo({
			    url: "/pages/humanSociety/laborForce",
			});
		},
		goDetail8(){
			uni.navigateTo({
			    url: "/pages/humanSociety/Entrepreneurship",
			});
		},
		
		goDetail9(){
			uni.navigateTo({
			    url: "/pages/humanSociety/placeBusiness",
			});
		},
    },
}
</script>
<style lang="scss" scoped>
.cont {
    padding: 20px;
    .box{
        margin: 20px 0;
        display: flex;
        flex-wrap: wrap;
        .item{
            width: 33.33%;
            text-align: center;
            color: #666;
            .icon{
                width: 30px;
                height: 30px;
                margin: 5px auto;
                image{
                    width: 100%;
                    height: 100%;
                    display: block;
                }
            }
        }
    }
}

.title {
    font-size: 18px;
    line-height: 1;

    &::before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 3px;
        height: 14px;
        background: rgb(30, 150, 230);
        margin: -2px 10px 0 0;
    }
}
</style>